<template>
	<div class="tab_bar_container" >
		<div class="tab_bar_wrappeer"><slot></slot></div>
	</div>
</template>

<script>
export default {
	computed: {
		isShowTab: function() {//监听tab显示隐藏
			return this.$route.meta.isShowTab;
		}
	}
};
</script>

<style scoped>
.tab_bar_container {
	width: 100%;
	height:10vh;
	position: fixed;
	left: 0rem;
	bottom: 0rem;
	border-top: 0.0625rem solid black;
	background-color: white;
}
.tab_bar_wrappeer {
	width: 100%;
	height: 100%;
	display: inline-flex;
	justify-content: space-around;
	align-items: center;
}
</style>
